@charset "UTF-8";
.arrows {
  background: url(http://rcode.zongheng.com/v2018/images/more.png) no-repeat right center;
  display: inline-block;
  width: 8px;
  height: 9px;
}

.nav-top {
  margin-top: 60px;
  padding: 30px 0 10px;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
}

.nav-top > .top-first {
  padding-bottom: 36px;
  justify-content: space-between;
  align-items: center;
}

.nav-top > .top-first img {
  width: 167px;
  height: 32px;
}

.nav-top > .top-first .input {
  margin-left: -87px;
}

.nav-top > .top-first .input input {
  font-family: 微软雅黑;
  border: 1px solid #e0e0e0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 34px;
  line-height: 34px;
  width: 273px;
  border-right: 0 none;
  padding-left: 14px;
  padding-right: 10px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
  box-sizing: border-box;
  outline: none;
}

.nav-top > .top-first .input p {
  width: 40px;
  height: 34px;
  background: url(http://rcode.zongheng.com/v2018/images/search.png) no-repeat center center #d32f2f;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}

.input p:hover {
  opacity: .85;
}

.first-right a:hover {
  color: #d32f2f;
}

.top-second {
  justify-content: space-between;
  border-bottom: 2px solid #ededed;
  font-size: 16px;
  font-weight: 700;
}

.top-second .second-right a {
  padding-left: 27px;
  margin-left: 40px;
  color: #333;
}

.top-second .second-right a em {
  display: block;
  height: 4px;
  margin: 4px auto 0;
  background: #fff;
  width: 60%;
}

.top-second .second-right .bg-pen {
  background: url(http://rcode.zongheng.com/v2018/images/author-zone.png) no-repeat 1px 4px;
}

.top-second .second-right .bg-game {
  background: url(http://rcode.zongheng.com/v2018/images/game-icon.png) no-repeat left 3px;
}

.top-second li {
  margin-right: 85px;
}

.top-second li a {
  color: #333;
}

.top-second li em {
  display: block;
  height: 4px;
  margin: 4px auto 0;
  background: #fff;
  width: 60%;
}

.last-phone {
  position: relative;
}

.last-phone:hover .hide-phone {
  display: block;
}

.last-phone a {
  padding-left: 21px;
}

.last-phone .hide-phone {
  display: none;
  position: absolute;
  top: 39px;
  left: -55px;
  background: rgba(250, 250, 250, 0.98);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  width: 166px;
  height: 242px;
  text-align: center;
  z-index: 90;
}

.last-phone .hide-phone .add {
  width: 166px;
  height: 10px;
  position: absolute;
  top: -10px;
  background-color: transparent;
}

.last-phone .hide-phone .tg {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translatex(-50%);
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f6f6f6;
}

.bg-phone {
  background: url(http://rcode.zongheng.com/v2018/images/phone.png) no-repeat left 3px;
}

.scan {
  flex-direction: column;
  justify-content: center;
}

.scan > p {
  padding-top: 20px;
  font-size: 14px;
}

.scan .change {
  width: 103px;
  height: 103px;
  margin-left: 31.5px;
  margin-top: 11px;
  overflow: hidden;
}

.scan .change img {
  width: 103px;
  height: 103px;
}

.scan .hide-phone-last {
  padding: 13px 0 0 14px;
  height: 24px;
  margin-top: 33px;
}

.scan .hide-phone-last a {
  flex: 1;
  width: 26px;
  height: 24px;
  margin: 0 10px;
}

.scan .hide-phone-last .android {
  background: url(http://rcode.zongheng.com/v2018/images/ad-have.png) no-repeat left center;
}

.scan .hide-phone-last .ios {
  background: url(http://rcode.zongheng.com/v2018/images/ios.png) no-repeat left center;
}

.scan .hide-phone-last .ios:hover {
  background: url(http://rcode.zongheng.com/v2018/images/ios-have.png) no-repeat;
}

.scan .hide-phone-last .wechat {
  background: url(http://rcode.zongheng.com/v2018/images/shape.png) no-repeat left center;
}

.scan .hide-phone-last .wechat:hover {
  background: url(http://rcode.zongheng.com/v2018/images/shape-have.png) no-repeat -1px;
}

.last-phone:hover .bg-phone {
  background: url(http://rcode.zongheng.com/v2018/images/phone-have.png) no-repeat left 3px;
}

.top-second li:hover a {
  color: #d32f2f;
}

.top-second li:hover em {
  background: #d32f2f;
}

.second-right a:hover {
  color: #d32f2f;
}

.second-right .bg-pen:hover {
  background: url(http://rcode.zongheng.com/v2018/images/author-zone-have.png) no-repeat left 3px;
}

.second-right .bg-game:hover {
  background: url(http://rcode.zongheng.com/v2018/images/game-have.png) no-repeat left 3px;
}

.second-right a:hover em {
  background: #d32f2f;
}

.position {
  line-height: 30px;
  color: #999;
  font-size: 12px;
  margin-bottom: 9px;
  margin-top: 10px;
}

.position a {
  color: #666;
}

.suface {
  margin-bottom: 12px;
  justify-content: space-between;
}

.suface .suface-left {
  width: 923px;
}

.suface .suface-left .face-ima {
  width: 200px;
  margin-right: 26px;
  position: relative;
}

.suface .suface-left .face-ima > em {
  width: 43px;
  height: 19px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: url(http://rcode.zongheng.com/v2018/images/forums/mt100.gif) no-repeat;
}

.suface .suface-left .face-ima img {
  width: 200px;
  height: 264px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.suface .intro-right {
  padding-bottom: 28px;
  width: 697px;
}

.suface .intro-right .book-name {
  align-items: center;
  margin-bottom: 10px;
}

.suface .intro-right .book-name h3 {
  font-size: 24px;
  letter-spacing: 1.33px;
  font-weight: 700;
}

.suface .intro-right .book-name em {
  background: url(http://rcode.zongheng.com/v2018/images/forums/sign.png) no-repeat;
  width: 16px;
  height: 15px;
  margin: 0 20px 0 10px;
}

.suface .intro-right .book-name i {
  background: url(http://rcode.zongheng.com/v2018/images/forums/vip.png) no-repeat;
  width: 16px;
  height: 17px;
}

.suface .intro-right .sign {
  margin-bottom: 20px;
}

.suface .intro-right .sign li {
  border: 1px solid #cdd0d6;
  border-radius: 2px;
  letter-spacing: 1px;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  margin-right: 4px;
}

.suface .intro-right .sign li a {
  color: #999;
}

.suface .intro-right .sign .continuous {
  background: #02b389;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
}

.suface .intro-right .sign .continuous:hover {
  background: #05c296;
}

.suface .intro-right .sign .continuous a {
  color: #fff;
}

.suface .intro-right .sign .swordsman {
  background: #d32f2f;
  height: 20px;
  color: #fff !important;
  line-height: 20px;
  margin-right: 5px;
}

.suface .intro-right .sign .swordsman:hover {
  background: #e84848;
}

.suface .intro-right .sign .swordsman a {
  color: #fff;
}

.suface .intro-right .sign .hover-b:hover {
  color: #e84848;
  border: 1px solid #e84848;
}

.suface .intro-right .sign .hover-b:hover a {
  color: #e84848;
}

.suface .intro-right .number {
  color: #999;
  margin-bottom: 25px;
}

.suface .intro-right .number span {
  margin-right: 20px;
}

.suface .intro-right .number span i {
  font-size: 16px;
  color: #333;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.suface .intro-right .main-content {
  height: 75px;
}

.suface .intro-right .main-content h6 {
  font-size: 14px;
  line-height: 25px;
  font-weight: normal;
}

.suface .intro-right .main-content p {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.suface .intro-right .bottom {
  margin-top: 26px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.suface .intro-right .bottom .button a {
  border-radius: 2px;
  letter-spacing: 1px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  height: 36px;
}

.suface .intro-right .bottom .button .start {
  color: #fff;
  background: #d32f2f;
  width: 180px;
  line-height: 36px;
  margin-right: 7px;
}

.suface .intro-right .bottom .button .start:hover {
  background: #e84848;
}

.suface .intro-right .bottom .button .join {
  border: 1px solid #edacac;
  color: #a11313;
  width: 100px;
  height: 34px;
  line-height: 34px;
}

.suface .intro-right .bottom .button .join:hover {
  border: 1px solid #e84848;
  color: #e84848;
}

.suface .intro-right .bottom .bottom-right a {
  padding: 0 16px;
  border-right: 1px solid #e6e6e6;
  cursor: pointer;
  color: #999;
}

.suface .intro-right .bottom .bottom-right a:hover {
  color: #e84848;
}

.suface .intro-right .bottom .bottom-right a i {
  display: inline-block;
  width: 23px;
  height: 14px;
  vertical-align: -3px;
}

.suface .intro-right .bottom .bottom-right .catalog:hover i {
  background-position: -53px -247px;
}

.suface .intro-right .bottom .bottom-right .catalog i {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: 0 -247px;
}

.suface .intro-right .bottom .bottom-right .recommend:hover i {
  background-position: -53px -70px;
}

.suface .intro-right .bottom .bottom-right .recommend i {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: 0 -70px;
  width: 22px;
  height: 15px;
}

.suface .intro-right .bottom .bottom-right .subscription {
  border-right: none;
  padding-right: 0;
}

.suface .intro-right .bottom .bottom-right .subscription:hover i {
  background-position: -53px -531px;
}

.suface .intro-right .bottom .bottom-right .subscription i {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: 0 -531px;
}

.suface .new {
  padding: 10px 0 20px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px dotted #d6d6d6;
}

.suface .new h4 {
  color: #999;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 4px;
}

.suface .new .tit {
  font-size: 14px;
  letter-spacing: 1.17px;
  margin-bottom: 6px;
  margin-right: 0 !important;
}

.suface .new .tit p {
  width: 825px;
}

.suface .new .tit p a:hover {
  color: #e84848;
}

.suface .new .tit p em {
  background: url(http://rcode.zongheng.com/v2018/images/forums/vip13.png) no-repeat;
  width: 13px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.suface .new .tit p + span {
  font-size: 12px;
  color: #999;
}

.suface .new .content {
  font-size: 13px;
  color: #999;
  letter-spacing: 1.08px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.suface .new .content .word {
  display: inline-block;
  width: 825px;
}

.suface .new .content .word + span {
  font-size: 12px;
  color: #999;
}

.suface .suface-right {
  width: 237px;
}

.suface .suface-right .top {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  padding: 13px 0 0;
  margin-bottom: 2px;
}

.suface .suface-right .top .portrait {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto 24px;
}

.suface .suface-right .top .portrait img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.suface .suface-right .top .portrait span {
  position: absolute;
  background: #fc7403;
  border-radius: 3px;
  width: 60px;
  height: 20px;
  text-align: center;
  color: #fff;
  line-height: 20px;
  left: 0;
  bottom: -16px;
}

.suface .suface-right .top h3 {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: center;
}

.suface .suface-right .top h3 a:hover {
  color: #e84848;
}

.suface .suface-right .top .encyclopedia {
  text-align: center;
  padding-bottom: 15px;
}

.suface .suface-right .top .encyclopedia a {
  display: inline-block;
  color: #999;
}

.suface .suface-right .top .encyclopedia a em {
  background-image: url(http://rcode.zongheng.com/v2018/images/book_baike_ico.png);
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  float: left;
  background-position: 0 -15px;
}

.suface .suface-right .top .encyclopedia a:hover {
  color: #e84848;
}

.suface .suface-right .top .encyclopedia a:hover em {
  background-position: -18px -15px;
}

.suface .suface-right .top .message {
  margin-bottom: 19px;
}

.suface .suface-right .top .message p {
  flex: 1;
  text-align: center;
  color: #999;
  border-right: 1px solid #e6e6e6;
}

.suface .suface-right .top .message p:nth-child(3) {
  border-right: none;
}

.suface .suface-right .top .message p span {
  color: #666;
  display: block;
  font-size: 14px;
  letter-spacing: 1.17px;
  padding-top: 2px;
}

.suface .suface-right .top .speak {
  padding: 0 20px 18px;
}

.suface .suface-right .top .speak h5 {
  color: #999;
  margin-bottom: 6px;
  font-weight: 400;
}

.suface .suface-right .top .speak p {
  height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 22px;
}

.suface .suface-right .top .speak .no {
  line-height: 66px;
  text-align: center;
  color: #999;
  height: 66px;
  overflow: hidden;
}

.suface .suface-right .bottom {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  padding: 16px 10px 16px 20px;
}

.suface .suface-right .bottom img {
  margin-right: 10px;
}

.suface .suface-right .bottom .right {
  overflow: hidden;
  padding-top: 12px;
}

.suface .suface-right .bottom .right h3 {
  font-size: 14px;
  color: #999;
  letter-spacing: 1.17px;
  margin-bottom: 11px;
  font-weight: 700;
}

.suface .suface-right .bottom .right p {
  font-size: 13px;
  color: #333;
  letter-spacing: 1.17px;
}

.boost {
  overflow: hidden;
  width: 100%;
}

.boost .message {
  width: 923px;
  float: left;
}

.boost .message .title {
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
}

.boost .message .title h2 {
  font-size: 20px;
  letter-spacing: 1px;
  padding-bottom: 10px;
  font-weight: 700;
}

.boost .message .title a {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
}

.boost .message .title a:hover {
  color: #e84848;
}

.boost .message .title a em {
  display: inline-block;
  width: 22px;
  height: 12px;
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: 0 -212px;
  vertical-align: -3px;
}

.boost .message .title a:hover > em {
  background-position: -53px -212px;
}

.boost .message .month-pass {
  justify-content: space-between;
}

.boost .message .month-pass .num {
  width: 316px;
}

.boost .message .month-pass .num .top {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  padding: 15px 0;
  margin-bottom: -1px;
}

.boost .message .month-pass .num .top:hover > .left > a {
  background-position: 0 0;
}

.boost .message .month-pass .num .top .left {
  font-size: 14px;
  width: 105px;
  text-align: center;
  color: #333;
}

.boost .message .month-pass .num .top .left > a {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic1.png) no-repeat;
  width: 50px;
  height: 52px;
  display: block;
  margin: 6px auto 0;
  background-position: -67px 0;
}

.boost .message .month-pass .num .top .right {
  border-left: 1px solid #e6e6e6;
  color: #999;
  text-align: center;
  width: 208px;
  min-height: 77px;
  position: relative;
}

.boost .message .month-pass .num .top .right::after {
  content: '';
  background: url(http://rcode.zongheng.com/v2018/images/forums/xs.png) no-repeat;
  width: 6px;
  height: 12px;
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  margin-top: -6px;
}

.boost .message .month-pass .num .top .right i {
  font-style: normal;
  color: #a11313;
  font-size: 14px;
  min-width: 80px;
  display: inline-block;
  font-family: Arial;
}

.boost .message .month-pass .num .top .right > span {
  display: inline-block;
  font-size: 14px;
  border-bottom: 1px dashed #ccc;
  margin: 5px 0;
}

.boost .message .month-pass .num .top .right > span em {
  font-style: normal;
  line-height: 10px;
}

.boost .message .month-pass .num .top .right > span i {
  font-size: 30px;
  letter-spacing: 2.14px;
}

.boost .message .month-pass .num .top .right > a {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 0;
  display: block;
  cursor: pointer;
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: 0 -176px;
  display: inline-block;
}

.boost .message .month-pass .num .top .right > a:hover {
  background-position: -53px -176px;
}

.boost .message .month-pass .num .bottom:hover > .left > a {
  background-position: -64px -65px;
}

.boost .message .month-pass .num .bottom .left a {
  background-position: 3px -65px;
}

.boost .message .month-pass .num .bottom .right {
  text-align: left;
  width: 188px;
  padding-left: 20px;
  min-height: 77px;
}

.boost .message .month-pass .num .bottom .right > div {
  margin-bottom: 5px;
}

.boost .message .month-pass .num .bottom .right > div p {
  line-height: 20px;
  color: #333;
}

.boost .message .month-pass .num .bottom .right > div a {
  font-size: 14px;
  color: #a11313;
}

.boost .message .month-pass .num .honor .right > div p {
  font-size: 14px;
  color: #333;
  letter-spacing: 1.17px;
  line-height: 33px;
  text-align: left;
}

.boost .message .month-pass .num .honor .right > div span {
  color: #999;
}

.boost .message .month-pass .num .honor .right > div b {
  color: #a11313;
  font-family: Arial;
  font-weight: normal;
}

.boost .message .month-pass .month {
  width: 576px;
}

.boost .message .month-pass .month h3 {
  justify-content: space-between;
  margin-bottom: 12px;
  line-height: 22px;
  font-weight: 400;
}

.boost .message .month-pass .month h3 > p {
  font-size: 14px;
}

.boost .message .month-pass .month h3 > a {
  font-size: 12px;
  color: #999;
  letter-spacing: 1px;
}

.boost .message .month-pass .month h3 > a:hover {
  text-decoration: underline;
  color: #e84848;
}

.boost .message .month-pass .month ul {
  overflow: hidden;
}

.boost .message .month-pass .month ul li {
  float: left;
  width: 178px;
  margin-right: 20px;
  margin-bottom: 24px;
  cursor: pointer;
  position: relative;
}

.boost .message .month-pass .month ul li:hover > a {
  border: 1px solid #e84848;
}

.boost .message .month-pass .month ul li:hover > a > em {
  color: #e84848;
  background: rgba(211, 47, 47, 0.2);
}

.boost .message .month-pass .month ul li > a {
  overflow: hidden;
  display: block;
  font-size: 18px;
  color: #d32f2f;
  text-align: center;
  border: 1px solid #edacac;
  border-radius: 2px;
  margin-bottom: 8px;
  line-height: 55px;
  height: 55px;
}

.boost .message .month-pass .month ul li > a em {
  float: left;
  font-size: 30px;
  color: rgba(211, 47, 47, 0.67);
  background: rgba(211, 47, 47, 0.1);
  display: block;
  width: 50px;
  border-right: 1px dotted rgba(211, 47, 47, 0.4);
  letter-spacing: 2.14px;
}

.boost .message .month-pass .month ul li > a span {
  float: left;
  letter-spacing: 1.29px;
  color: #d32f2f;
  display: block;
  width: 125px;
}

.boost .message .month-pass .month ul li > a span i {
  font-size: 20px;
}

.boost .message .month-pass .month ul li p {
  color: #999;
}

.boost .message .month-pass .month ul li p a {
  color: #999;
}

.boost .message .month-pass .month ul li p a:hover {
  color: #e84848;
}

.boost .message .month-pass .month ul .right-last {
  margin-right: 0;
}

.boost .message .state {
  margin-bottom: 30px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  height: 48px;
  line-height: 48px;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
}

.boost .message .state p {
  width: 881px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.boost .message .state p i {
  color: #999;
}

.boost .message .state em {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: -106px -70px;
  width: 18px;
  height: 15px;
  position: absolute;
  left: 15px;
  top: 17px;
}

.boost .message .recommend {
  margin-bottom: 42px;
}

.boost .message .recommend h2 {
  font-size: 20px;
  letter-spacing: 1px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  margin-bottom: 20px;
  font-weight: 700;
}

.boost .message .recommend h2 span {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.boost .message .recommend h2 span:hover {
  color: #e84848;
}

.boost .message .recommend h2 span:hover em {
  background-position: -53px -390px;
}

.boost .message .recommend h2 span em {
  display: inline-block;
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  background-position: 0 -390px;
  width: 17px;
  height: 16px;
  vertical-align: -3px;
}

.boost .message .recommend ul {
  justify-content: space-between;
}

.boost .message .recommend ul li {
  width: 135px;
  text-align: center;
  cursor: pointer;
}

.boost .message .recommend ul li a {
  display: block;
  position: relative;
}

.boost .message .recommend ul li a i {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 20px;
  background: #47c6ff;
  border-radius: 2px;
  text-align: center;
  line-height: 20px;
  color: #fff;
}

.boost .message .recommend ul li a:hover p {
  color: #e84848;
}

.boost .message .recommend ul li a:hover p em {
  background-position: -53px -355px;
}

.boost .message .recommend ul li img {
  width: 135px;
  height: 178px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: block;
  margin-bottom: 15px;
}

.boost .message .recommend ul li p {
  font-size: 16px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.boost .message .recommend ul li p em {
  display: inline-block;
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  vertical-align: -3px;
  background-position: 0 -355px;
  width: 19px;
  height: 16px;
  margin-right: 2px;
}

.boost .message .comment h2 {
  overflow: hidden;
  padding-bottom: 3px;
  font-size: 20px;
  letter-spacing: 1px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  font-weight: 700;
}

.boost .message .comment h2 .small {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  padding-left: 10px;
}

.boost .message .comment h2 .small i {
  color: #151515;
}

.boost .message .comment h2 .small:hover {
  color: #e84848;
}

.boost .message .comment h2 .small:hover i {
  color: #e84848;
}

.boost .message .comment h2 .rig-tit {
  float: right;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #d32f2f;
  border-radius: 2px;
  padding: 0 28px;
  font-weight: 400;
}

.boost .message .comment h2 .rig-tit:hover {
  background: #e84848;
}

.boost .message .comment > h4 {
  background: #f5f5f5;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  padding-left: 20px;
}

.boost .message .comment > h4 span {
  padding-right: 15px;
  color: #151515;
}

.boost .message .comment .top {
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}

.boost .message .comment .top .stick {
  color: #333;
  font-size: 16px;
  line-height: 40px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.boost .message .comment .top .stick span {
  color: #d32f2f;
  padding-right: 5px;
}

.boost .message .comment .top .stick i {
  margin-left: -3px;
  margin-right: -1px;
  background: rgba(232, 72, 72, 0.6);
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  display: inline-block;
  vertical-align: 1px;
}

.boost .message .comment .top .stick a:hover {
  color: #e84848;
}

.boost .message .comment ul li {
  padding: 30px 0 0;
}

.boost .message .comment ul .level1 {
  background: url(http://rcode.zongheng.com/v2018/images/lv1.gif) no-repeat;
}

.boost .message .comment ul .level2 {
  background: url(http://rcode.zongheng.com/v2018/images/lv2.gif) no-repeat;
}

.boost .message .comment ul .level3 {
  background: url(http://rcode.zongheng.com/v2018/images/lv3.gif) no-repeat;
}

.boost .message .comment ul .head-img {
  position: relative;
  width: 50px;
  margin-right: 20px;
  text-align: center;
}

.boost .message .comment ul .head-img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 6px;
}

.boost .message .comment ul .head-img em {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 34px;
}

.boost .message .comment ul .head-img p {
  color: #999;
}

.boost .message .comment ul .head-img p i {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic3.png) no-repeat;
  width: 56px;
  height: 22px;
  display: inline-block;
}

.boost .message .comment ul .head-img p .star2 {
  background-position: 0 -355px;
}

.boost .message .comment ul .head-img p .star6 {
  background-position: 0 -248px;
}

.boost .message .comment ul .head-img p .star7 {
  background-position: 0 -212px;
}

.boost .message .comment ul .head-img p .star8 {
  background-position: 0 -461px;
}

.boost .message .comment ul .head-img p .star11 {
  background-position: 0 -142px;
}

.boost .message .comment ul .head-img p .star13 {
  background-position: 0 -36px;
}

.boost .message .comment ul .intro {
  flex: 1;
  border-bottom: 1px dotted #d6d6d6;
  padding-bottom: 26px;
}

.boost .message .comment ul .intro h4 {
  font-size: 14px;
  color: #999;
  margin-bottom: 16px;
  position: relative;
  line-height: 25px;
}

.boost .message .comment ul .intro h4 i {
  font-size: 12px;
  opacity: .6;
  border: 1px solid #02b389;
  color: #02b389;
  border-radius: 2px;
  margin-left: 7px;
  width: 32px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  display: inline-block;
}

.boost .message .comment ul .intro h5 > a {
  font-size: 16px;
}

.boost .message .comment ul .intro h5 > a em {
  font-weight: 400;
  margin-right: 5px;
  background: rgba(232, 72, 72, 0.6);
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  display: inline-block;
  vertical-align: 1px;
}

.boost .message .comment ul .intro h6 {
  margin-top: -8px;
  flex-direction: row-reverse;
}

.boost .message .comment ul .intro h6 a {
  font-weight: 400;
  font-size: 14px;
}

.boost .message .comment ul .intro h6 a:hover {
  color: #e84848;
}

.boost .message .comment ul .intro > a {
  display: block;
  margin-bottom: 10px;
  color: #333;
  max-height: 76px;
  overflow: hidden;
  line-height: 25px;
  font-size: 14px;
  text-align: justify;
  position: relative;
}

.boost .message .comment ul .intro > a > em {
  background: url(http://rcode.zongheng.com/v2018/images/emoji/01.png) no-repeat center center;
  width: 34px;
  height: 24px;
  display: inline-block;
  vertical-align: -6px;
  margin-bottom: 1px;
}

.boost .message .comment ul .intro > p {
  color: #999;
  margin-bottom: 12px;
}

.boost .message .comment ul .intro > p b {
  padding-left: 8px;
}

.boost .message .comment ul .intro .time {
  overflow: hidden;
  justify-content: space-between;
  margin-top: 20px;
}

.boost .message .comment ul .intro .time p {
  color: #999;
  font-size: 14px;
}

.boost .message .comment ul .intro .time div {
  font-size: 0;
}

.boost .message .comment ul .intro .time div a {
  color: #999;
  font-size: 14px;
  margin-left: 15px;
}

.boost .message .comment ul .intro .time div a > em {
  width: 20px;
  height: 18px;
  display: inline-block;
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic2.png) no-repeat;
  vertical-align: -3px;
}

.boost .message .comment ul .intro .time div a:hover {
  color: #e84848;
}

.boost .message .comment ul .intro .time div .tag em {
  background-position: 0 0;
}

.boost .message .comment ul .intro .time div .tag:hover em {
  background-position: -53px 0;
}

.boost .message .comment ul .intro .time div .reply:hover em {
  background-position: -53px -34px;
}

.boost .message .comment ul .intro .time div .reply em {
  background-position: 0 -34px;
}

.boost .message .comment .look-all {
  margin: 20px 0 40px;
  color: #999;
  text-align: center;
  font-size: 14px;
}

.boost .message .comment .look-all a {
  color: #999;
}

.boost .message .comment .look-all a:hover {
  text-decoration: underline;
  color: #e84848;
}

.boost .message .comment .look-all a em {
  background: url(http://rcode.zongheng.com/v2018/images/more.png) no-repeat right center;
  display: inline-block;
  width: 8px;
  height: 9px;
}

.boost .rig-list {
  float: right;
  width: 237px;
}

.boost .rig-list .lists {
  padding: 17px 18px;
  border: 1px solid #f0f0f0;
  margin-bottom: 30px;
}

.boost .rig-list .top-tit {
  line-height: 20px;
  margin-bottom: 18px;
  word-wrap: break-word;
  overflow: hidden;
}

.boost .rig-list .top-tit h2 {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  float: left;
}

.boost .rig-list .top-tit > a {
  float: right;
  font-size: 12px;
  color: #999;
  letter-spacing: 1px;
}

.boost .rig-list li {
  line-height: 31px;
  border-bottom: 1px dotted #d6d6d6;
  font-size: 14px;
  height: 31px;
  overflow: hidden;
}

.boost .rig-list li > em {
  text-align: center;
  float: left;
  color: #a9aeb7;
  width: 16px;
  margin-right: 10px;
  height: 16px;
  line-height: 16px;
  margin: 8px 9px 0 0;
}

.boost .rig-list li a {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.boost .rig-list li a:hover {
  color: #e84848;
}

.boost .rig-list li .second {
  background: #fc7403;
  color: #fff !important;
}

.boost .rig-list li .third {
  background: #f8cc1c;
  color: #fff !important;
}

.boost .rig-list .fans .top-tit p {
  color: #999;
  font-size: 14px;
  float: right;
}

.boost .rig-list .fans .top-tit p span {
  font-size: 16px;
  color: #a11313;
}

.boost .rig-list .fans .list ul li .first {
  background: #d32f2f;
  color: #fff;
}

.boost .rig-list .fans .list ul li .sign {
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic3.png) no-repeat;
  margin-top: 5px;
  width: 56px;
  height: 22px;
  display: inline-block;
}

.boost .rig-list .fans .list ul li .ship {
  background-position: 0 -248px;
}

.boost .rig-list .fans .list ul li .big {
  background-position: 0 -318px;
}

.boost .rig-list .fans .list ul li .child {
  background-position: 0 -355px;
}

.boost .rig-list .fans .list ul li .student {
  background-position: 0 -390px;
}

.boost .rig-list .fans .list ul li .sign9 {
  background-position: 0 -532px;
}

.boost .rig-list .fans .list ul li .sign8 {
  background-position: 0 -461px;
}

.boost .rig-list .fans .list ul li .sign7 {
  background-position: 0 -212px;
}

.boost .rig-list .fans .list ul li .sign12 {
  background-position: 0 -178px;
}

.boost .rig-list .fans .list ul li .sign13 {
  background-position: 0 -36px;
}

.boost .rig-list .fans .list ul li .sign16 {
  background-position: 0 -1px;
}

.boost .rig-list .fans .list ul li span {
  float: right;
  font-size: 13px;
  color: #999;
  line-height: 31px;
  letter-spacing: .93px;
}

.boost .rig-list .fans .list .more {
  text-align: right;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

.boost .rig-list .fans .list .more a {
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  color: #999;
  letter-spacing: 1px;
}

.boost .rig-list .fans .list .more a:hover {
  text-decoration: underline;
  color: #e84848;
}

.boost .rig-list .fans .list .reward {
  padding: 18px 0 0;
  overflow: hidden;
}

.boost .rig-list .fans .list .reward .word-left {
  float: left;
}

.boost .rig-list .fans .list .reward .word-left h3 {
  color: #999;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}

.boost .rig-list .fans .list .reward .word-left h4 {
  color: #333;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
  width: 135px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.boost .rig-list .fans .list .reward .word-left p {
  color: #999;
}

.boost .rig-list .fans .list .reward .word-left p span {
  color: #333;
}

.boost .rig-list .fans .list .reward a {
  float: right;
  width: 50px;
  position: relative;
}

.boost .rig-list .fans .list .reward a img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.boost .rig-list .fans .list .reward a em {
  width: 56px;
  height: 20px;
  display: block;
  position: absolute;
  bottom: -10px;
  left: -3px;
  background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic3.png) no-repeat;
  background-position: 0 -461px;
}

.boost .rig-list .ticket-pass .top-tit a:hover {
  color: #e84848;
  text-decoration: underline;
}

.boost .rig-list .ticket-pass ul .top-first {
  height: 88px;
  overflow: hidden;
  position: relative;
}

.boost .rig-list .ticket-pass ul .top-first > a {
  float: left;
  height: 68px;
  width: 51px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  font-size: 0;
  margin-right: 12px;
}

.boost .rig-list .ticket-pass ul .top-first > a img {
  height: 68px;
  width: 51px;
}

.boost .rig-list .ticket-pass ul .top-first div {
  float: left;
  line-height: 1;
}

.boost .rig-list .ticket-pass ul .top-first div h5 {
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 7px;
  color: #999;
  font-size: 12px;
  font-weight: normal;
}

.boost .rig-list .ticket-pass ul .top-first div p {
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 18px;
  font-size: 13px;
  color: #999;
  letter-spacing: .93px;
}

.boost .rig-list .ticket-pass ul .top-first em {
  background: url(http://rcode.zongheng.com/v2018/images/num.png) no-repeat;
  background-size: 22px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

.boost .rig-list .ticket-pass ul li span {
  font-family: Arial,Helvetica,sans-serif;
  float: right;
  font-size: 13px;
  color: #999;
  letter-spacing: .93px;
}

.boost .rig-list .ticket-pass ul .none {
  border-bottom: none;
}
